'use client'

import { Button, Icon, useColorModeValue } from '@chakra-ui/react'
import { FiPlus } from 'react-icons/fi'

interface NewProjectButtonProps {
  onClick: () => void;
}

export const NewProjectButton = ({ onClick }: NewProjectButtonProps) => {
  const buttonColorScheme = useColorModeValue('red', 'red')
  
  return (
    <Button
      leftIcon={<Icon as={FiPlus} />}
      colorScheme={buttonColorScheme}
      variant="solid"
      size="md"
      borderRadius="md"
      m={3}
      width="calc(100% - 24px)"
      onClick={onClick}
    >
      新建项目
    </Button>
  )
} 